@font-size-var: var(--fontSize, 14px);
@media-min-height: 800px;

/* 行为相关颜色 */
@color-primary: #428df7; // #1677ff;
@color-success: #67C23A;
@color-warning: #ffad60;
@color-danger: #e74c3d;
@color-info: #f5f7fa;
@color-blue: #409eff;

/*文字字体*/
//@font-family: PingFangSC-Regular,Helvetica,sans-serif;
@font-family: "-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif";

/*布局*/
@height-toolbar: 52px; // 工具栏高度
@height-menu: 36px; // 内容区域 搜索高度
@height-content: 300px; // 弹框高度
@height-td: 29px; // 单元格高度
@height-tab: 38px; // tab高度
@height-button: 26px; // 按钮高度
@height-input: 28px; // 表单高度
@width-page-min: 1440px; // 网页最小宽度

/* 文字基本颜色 */
@text-color: #333; // 基本色
@text-color-pro: #777; // 基本色
@text-color-inverse: #fff; // 反色
@text-color-dark-grey: #666; // 深色
@text-color-grey: #999; // 辅助灰色，如加载更多的提示信息
@text-color-placeholder: #808080;
@text-color-disable: #c0c0c0;
@text-color-pool: #879bba; // 统计页面区块颜色
@text-color-purple: #9343dd; // 统计页面区块颜色

/* 背景颜色 */
@bg-color: #ffffff;
@bg-color-grey: #f5f5f5; //
@bg-color-thead: #f7f9fc; // 表格表头颜色
@bg-color-danger: mix(@color-danger, white, 15%);
@bg-color-blue: mix(@color-blue, white, 12%);
@bg-color-success: mix(@color-success, white, 12%);
@bg-color-primary: mix(@color-primary, white, 5%);
@bg-color-highlight: mix(@color-primary, white, 6%);
@bg-color-warning: mix(@color-warning, white, 12%);
@bg-color-hover: #f7f8fc; // hover颜色
@bg-color-scrollbar: #c9c9c9;

/* 边框颜色 */
@uni-border-color-td: #EBEEF5;
@uni-border-color-out: #e3e2e7;
@uni-border-color-in: #f9f9f9;
@uni-border-color-bold: #d2d1d6;
@uni-border-color-input: #DCDFE6;

/* 边框粗细 */
@uni-border-width-mini: 1px;
@uni-border-width-small: 2px;
@uni-border-width-medium: 3px;
@uni-border-width-large: 5px;

/* Border Radius */
@border-radius-mini: 2px;
@border-radius-sm: 5px;
@border-radius-base: 10px;
@border-radius-circle: 50%;

// 需合并
// 辅助色 线框及大背景
@color-border-1: #dee2ee;
@color-border-2: #ecf0f7;
@color-border-3: #f8fafd;
// 表格配色
@text-color-thead: #909399; // 表头文字颜色
@text-color-tbody: #606266; // 表格内容文字颜色
@bg-active: #ecf5ff; // 表格行选中色
@bg-stripe: #fafbfd; // 表格行隔行变色


/* 行高 */
@line-height-small: 28px;
/*图标大小*/
@icon-size-mini: 12px;
@icon-size-sm: 14px;
@icon-size-base: 16px;
@icon-size-lg: 24px;
/* 文字尺寸 */
@font-size-base: calc(@font-size-var - 4px);
@font-size-mini: calc(@font-size-var - 1px);
@font-size-ctent: @font-size-var;
@font-size-ctentitle: calc(@font-size-var + 2px);
@font-size-titlebar: calc(@font-size-var + 5px);
@font-size-special: calc(@font-size-var + 8px);
@font-size-login: calc(@font-size-var + 12px);
/* 水平间距 */
@spacing-row-mini: 4px;
@spacing-row-sm: 8px;
@spacing-row-base: 12px;
@spacing-row-lg: 18px;
/* 垂直间距 */
@spacing-col-mini: 4px;
@spacing-col-sm: 10px;
@spacing-col-base: 14px;
@spacing-col-lg: 20px;

#desc() {
  labelColor: #999;
  tipSize: 13px;
}

:export {
  colorPrimary: @color-primary;
  colorSuccess: @color-success;
  colorWarning: @color-warning;
  colorDanger: @color-danger;
  colorInfo: @color-info;
  colorBlue: @color-blue;
  widthPageMin: @width-page-min;
}
